<template>
    <div class="payTypeInfo">
        <div class="pti-title">ঘোষণা</div>
        <div class="tuichu" @click="doClick"> X </div>
        <div class="laba">
            <img src="../../assets/images/dalaba.png" alt="">
        </div>
        <div class="pti-desc">সতর্কতা জালিয়াতি! APP খুলুন বা পাস করুন
            লিঙ্কটি ব্যক্তিগত তথ্য সনাক্ত করে (যেমন:
            নাম, ফোন নম্বর এবং পরিশোধের পরিমাণ।</div>
        <div class="pti-info">
            1. সরাসরি UPI সংগ্রহে বিশ্বাস করবেন না<br><br>

            2. বিভাজন প্রয়োজন এমন সংগ্রহের দ্বারা প্রতারিত
            হবেন না একাধিক পরিশোধ<br><br>

            3. যদি UPI অ্যাকাউন্টটি অবৈধ হয় এবং ঋণ পরিশোধ
            ব্যর্থ হয়, অনুগ্রহ করে ধার দেওয়া অ্যাপে সর্বশেষ UPI
            অ্যাকাউন্ট নম্বরটি পুনরায় প্রাপ্ত করুন অথবা
            পরিশোধের লিঙ্ক।
        </div>
        <div class="pti-btn" @click="$router.push('/topay')">আমি ইতোমধ্যে জানি</div>
    </div>
</template>
<script>
export default {
    methods: {
        doClick() {
            this.$emit('guanbitanceng')
            console.log(123)
        }
    }
}
</script>
<style lang="less" scoped>
.payTypeInfo {
    position: relative;

    .pti-title {
        margin-top: (35/@a);
        margin-bottom: (38/@a);
        text-align: center;
        font-size: (16/@a);
        font-family: Nirmala UI;
        font-weight: 400;
        color: #1F1F1F;
    }

    .laba {
        width: (59/@a);
        height: (71/@a);
        position: absolute;
        top: (-20/@a);
        left: (40/@a);

        img {
            width: 100%;
        }
    }

    .pti-desc {
        width: (260/@a);
        height: (57/@a);
        font-size: (13/@a);
        font-family: Nirmala UI;
        font-weight: 400;
        color: #3D3D3D;
        margin-left: (20/@a);
    }

    .pti-info {
        margin-left: (18/@a);
        margin-top: (16/@a);
        width: (266/@a);
        height: (139/@a);
        font-size: (10/@a);
        font-family: Nirmala UI;
        font-weight: 400;
        color: #767676;
    }

    .tuichu {
        position: absolute;
        top: (-10/@a);
        text-align: center;
        line-height: (31/@a);
        right: 0;
        width: (44/@a);
        height: (31/@a);
        background: #415AB8;
        border-radius: (16/@a);
        color: #fff;
        font-weight: 1000;
        font-size: (20/@a);
    }

    .pti-btn {
        width: (229/@a);
        height: (48/@a);
        background: #415AB8;
        border-radius: (10/@a);
        margin-bottom: (20/@a);
        text-align: center;
        line-height: (48/@a);
        margin-top: (40/@a);
        margin-left: (45/@a);
        font-size: (12/@a);
        font-family: Nirmala UI;
        font-weight: bold;
        color: #FFFFFF;
    }
}
</style>